<?php 

	$ban = new Ban();
	$resultKhuVucBan = json_encode ($ban->getKhuVucBan());
	$resultTrangThaiBan = json_encode ($ban->getTrangThaiBan());
	
	$lfKhuVucBan = "'makhuvuc', 'tenkhuvuc', 'soban'";
	$lfTrangThaiBan = "'msban', 'matrangthai'";
	
?>



<script>

var dtKhuVucBan = <?php echo $resultKhuVucBan?>;
var dsKhuVucBan = new Ext.data.Store({ 
       fields:	[<?php echo  $lfKhuVucBan ?>],
	   data : 	dtKhuVucBan
	   });   
var dtTrangThaiBan = <?php echo $resultTrangThaiBan?>;
var dsTrangThaiBan = new Ext.data.Store({ 
       fields:	[<?php echo  $lfTrangThaiBan ?>],
	   data : 	dtTrangThaiBan
	   }); 

dsKhuVucBan.load ();
dsTrangThaiBan.load();



function _loadKhuVucBan ()
{
	var _soKhuVuc = dsKhuVucBan.getCount();
	
	for(i = 0; i < _soKhuVuc; i++)
	{	
		// Khởi tạo các khu vực bàn
		var ctnKhuVuc = new Ext.container.Container({
			flex: 0,
			id: 'ctnKhuVuc' + dsKhuVucBan.getAt(i).get('makhuvuc'),
			width: 227,
			cls: 'ctnKhuVuc',
			layout: {
				columns: 4,
				type: 'table'
			},
			items: [
				{
					// label Tên khu vực
					xtype: 'label',
					cls: 'lbTenKhuVuc',
					colspan: 4,
					height: 16,
					//width: 227,
					text: dsKhuVucBan.getAt(i).get('tenkhuvuc') + ' ----------'
				}
			]
		});
		
		var _soBan = dsKhuVucBan.getAt(i).get('soban');
		var _idBan;
		var _clsBan;
		
		// Thêm bàn vào khu vực bàn
		for(j = 1; j <= _soBan; j++)
		{	
			if(j < 10) 
				_idBan = dsKhuVucBan.getAt(i).get('makhuvuc') + '0' + j;
			else 
				_idBan = dsKhuVucBan.getAt(i).get('makhuvuc') + j;
			
			var temp = dsTrangThaiBan.getAt(dsTrangThaiBan.find('msban', _idBan)).get('matrangthai');
			if( temp == 1)
				_clsBan = 'btnBanTrong';
			else if(temp == 2)
				_clsBan = 'btnBanTrongDat';
			else if(temp == 3)
				_clsBan = 'btnBanPhucVu';
			else if(temp == 4)
				_clsBan = 'btnBanPhucVuDat'
			else
				_clsBan = 'NONE';
				
			var btnBan = new Ext.button.Button(
			{
				cls: _clsBan,
				height: 50,
				id: _idBan,
				listeners:{
					click: _clickButtonBan
				},
				width: 50,
				text: j
				});
				
			ctnKhuVuc.add(btnBan);
		}
		
		// Thêm container Khu vực bàn vào panel Vị trí bàn
		Ext.getCmp('panViTriBan_tabPhucVu').add(ctnKhuVuc);
	};
}





function _clickButtonBan() {
	
	//Ext.getCmp('panViTriBan_tabPhucVu').doLayout();
	//Ext.Msg.alert('fdfd', Ext.getCmp('panViTriBan_tabPhucVu').getTitle());
	//Ext.Msg.alert('Sắp điên', this.cls);
	//Ext.Msg.alert('Hello', dsNhanVien.getCount());
	//this.addCls('btnBanPhucVu');
	//this.removeCls('btnBanTrong');
}
	</script>